<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" >

<head>
	<title>后台登录</title>
	<!-- Theme CSS -->
	<link rel="stylesheet" type="text/css" th:href="@{/admin_assets/css/style.css}">
	<!-- 页面样式配置 -->
	<style>

	</style>
	
</head>

<body layout:fragment="content">
	
	<section>
		<div class="container h-100 d-flex px-0 px-sm-4  mt-5">
			<div class="row justify-content-center align-items-center m-auto">
				<div class="col-12">
					<div class="bg-mode shadow rounded-3 overflow-hidden">
						<div class="row g-0">
							<!-- Vector Image -->
							<div class="col-lg-6 d-flex align-items-center order-2 order-lg-1">
								<div class="p-3 p-lg-5">
									<img th:src="@{/img/bootstrap-logo-shadow.png}" alt="">
								</div>
								<!-- Divider -->
								<div class="vr opacity-1 d-none d-lg-block"></div>
							</div>
			
							<!-- Information -->
							<div class="col-lg-6 order-1">
								<div class="p-4 p-sm-7">
									<!-- Title -->
									<h1 class="mb-2 h3">Welcome back</h1>
									<p class="mb-0" style="color: red" 
										th:if="${error}"             
									    th:text="${error}">
									</p>
			
									<!-- Form START -->
									<form class="mt-4 text-start" th:action="@{/admin/logon}" method="post">
										<!-- Email -->
										<div class="mb-3">
											<label class="form-label">Account</label>
											<input type="text" class="form-control" name="account">
										</div>
										<!-- Password -->
										<div class="mb-3 position-relative">
											<label class="form-label">Password</label>
											<input class="form-control fakepassword" type="password" id="psw-input" name="password">
											<span class="position-absolute top-50 end-0 translate-middle-y p-0 mt-3">
												<i class="fakepasswordicon fas fa-eye-slash cursor-pointer p-2"></i>
											</span>
										</div>
										<!-- Button -->
										<div>
											<button type="submit" class="btn btn-primary w-100 mb-0">Login</button>
										</div>
										<p class="mb-0 mt-2 text-end small">
											<a th:href="@{/}" class="mb-0">Home</a>
										</p>
			
									</form>
									<!-- Form END -->
								</div>		
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<!-- 脚本内容 -->
	<script type="text/javascript" layout:fragment="script">
		// alert(111)
	</script>
</body>

</html>